<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <title>退款</title>
    <link rel="stylesheet" href="__PUBLIC__/Home/css/memberOrder.css">
    <include file="Public/common_js"/>
</head>
<style>
    .warp .old-price {
        position: absolute;
        left: 0.2rem;
        top:1rem;
        font-size: 0.24rem;
        color: #919896;
        text-decoration: line-through;
    }
</style>
<body>
<div class="warp">
    <!--退款top-->
    <div class="member-refund-top">
        <i></i>
        <ul class="">
            <li class="active"><span>填写退款</span></li>
            <li><span>受理确认</span></li>
            <li><span>完成退款</span></li>
        </ul>
    </div>
    <!--退款金额操作-->
    <input id="order_id" type="hidden" value="{$orderMsg['order_id']}" />
    <div class="member-refund-price mgTop">
        <label>退款金额：</label>
        <input id="price" class="drawback-txt" type="text" value="{$orderMsg.total_amount}"  />
        <input id="max-back-price" type="hidden" value="{$orderMsg.total_amount}"/>
        <span class="drawback-tip">最大可退款金额：<em>{$orderMsg.total_amount}元</em></span>
    </div>
    <!--退款商品列表-->

    <div class="refund-goods-list mgTop">

        <foreach name="goodsMsg" item="v">
            <if condition="$v['nums']-$v['refund_goods_num'] neq 0">
                <div class="single-item dataItem" data-id="{$v.item_id}" data-num="<?php echo $v['nums']-$v['refund_goods_num'];?>" data-price="{$v.price}">
                    <div class="swipe-item">
                        <a href="{:url('goods/detail',['id'=>$v['store_pid']])}" class="img"><img src="{$v.goods_id|getThumb=###}"></a>
                        <div class="goods-text">
                            <a href="{:url('goods/detail',['id'=>$v['store_pid']])}" class="name">{$v.name}</a>
                            <p class="old-price">¥{$v.g_price}</p>
                            <p class="price" id="goods_value" value="{$v.price}">¥{$v.price}</p>
                            <p class="change-number">
                                <a href="javascript:void(0);" class="plus">+</a>
                                <input type="text" value="<?php echo $v['nums']-$v['refund_goods_num'];?>" class="goods_number">
                                <a href="javascript:void(0);" class="minus">-</a>
                            </p>
                        </div>
                    </div>
                    <div class="static-item">
                        <div class="choice-btn"></div>
                    </div>
                </div>
            </if>
        </foreach>
        <div id="freight" class="single-item single-refund-item" data-fee="{$orderMsg['cost_freight']}">
            <div class="swipe-item">
                <span class="single-refund-price">退运费&nbsp;¥{$orderMsg['cost_freight']}<span class="sp-ommit">（退运费请先与客服联系）</span></span>
            </div>
            <div class="static-item">
                <div class="choice-btn"></div>
            </div>
        </div>
    </div>

    <!--退款原因-->
    <div class="refund-mes-form feedback mgTop">
        <h4>退款原因</h4>
        <div class="select-template mgTop">
            <input id="refundReason" type="text" placeholder="成分与商品描述不符" />
            <i></i>
        </div>
        <h4 class="mgTop">备注说明(可不填)</h4>
        <textarea id="refundComment" placeholder="请输入其他说明" class="mgTop"></textarea>
        <p class="mgTop"><a href="#" class="btn btn-second btn-block btn-refund-tps">申请退款</a></p>
    </div>
</div>
<!-- 绑定手机弹窗 -->
<!--<div class="alert-popup member-refund-tips" style="display: none">
    <p>选择订单中部分商品退款后，未满足59元免运费，将自动扣除5元免运金额。</p>
    <p><a href="javascript:void(0);" style="width: 100%" class="confirm">知道了</a></p>
</div>-->
<input type="hidden" id="sell" value="{$sell}">
<script>
    require(['memberRefund'])
</script>
</body>
</html>
